<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>商品列表</title>
    <link rel="stylesheet" href="./lib/mui/css/mui.css">
    <link rel="stylesheet" href="./lib/fontawesome/css/font-awesome.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/getproductlist.css">
    
</head>

<body>
    @@include('header.html')
    <!-- 顶部面包屑导航部分 -->
    <div class="top_bread">
        <div class="top_bread_left">
            <ul class="top_bread_list">
                <li><a href="javascript:;">首页</a></li>
                <li><a href="javascript:;">全部分类</a></li>
                <li><a href="javascript:;">电视</a></li>
            </ul>
        </div>

        <div class="top_bread_right">
            <a href="javascript:;" class="mui-btn mui-btn-outlined">筛选</a>
        </div>
    </div>
    <!-- 商品搜索 -->
    <div class="search">
        <div class="mui-input-row mui-search">
            <input type="search" class="mui-input-clear" placeholder="请输入你想比价的商品">
        </div>
        <button class="search_btn">搜索</button>
    </div>
    <div class="sell_slowly_view">
        <!-- 主体部分 折叠页面 -->
        <div class="sell_productlist">
            <ul class="main_productlist">
                <li>
                    <div class="main_left">
                        <img src="http://pro.zuyushop.com:8015/ProPic/20169/Thumb/Thumb_2016090009323065176.png" alt="">
                    </div>
                    <div class="main_right">
                        <!-- 商品名称 -->
                        <div class="productName">
                            苹果Apple iPhone7 Plus (A1661) 32G 玫瑰金色 全网通4G手机
                        </div>
                        <!-- 商品价格 -->
                        <div class="productPrice">
                            ￥6388.00
                        </div>
                        <!-- 报价评论 -->
                        <div class="product_info">
                            <span class="productQuote">报价</span>
                            <span class="productCom">评论</span>
                        </div>
                    </div>
                </li>

            </ul>
        </div>
    </div>
    <!-- 底部部分按钮 -->
    <div class="footer_btn clearfix">
        <div class="footer_pref_btn">
            <button type="button" class="footer_produ_pref_btn mui-btn">上一页</button>
        </div>
        <!-- 第几页 -->
        <div class="footer_num">
            <div class="footer_num_main">
                <ul class="mui-table-view">
                    <li class="mui-table-view-cell mui-collapse  ">
                        <a class="navigate-right_title mui-navigate-right" href="javascript:;">第1页</a>
                        <div class="pro_main_push "></div>
                    </li>
            </div>



            </ul>
        </div>
        <div class="footer_next_btn ">
            <button type="button" class="footer_produ_next_btn mui-btn">下一页</button></div>

    </div>
</body>

</html>
<!-- 模板开始 -->
<script type="text/html" id="productTP1">
    {{each result value key }}
    <li>
            <a href="getproduct.html?productid={{value.productId}}">
                <div class="main_left">
                <!-- 注意的是要加@来变成标签 -->
                {{@value.productImg}}
            </div>
            <div class="main_right">
                <!-- 商品名称 -->
                <div class="productName mui-ellipsis-2">
                    {{value.productName}}
                </div>
                <!-- 商品价格 -->
                <div class="productPrice">
                    {{value.productPrice}}
                </div>
                <!-- 报价评论 -->
                <div class="product_info">
                    <span class="productQuote">
                        {{value.productQuote}}
                    </span>
                    <span class="productCom">
                        {{value.productCom}}
                    </span>
                </div>
            </div>
            </a>
        </li>
    {{/each}}
</script>
<!-- 模板结束 -->
<script src="./lib/zepto/zepto.js"></script>
<script src="./lib/fastclick/fastclick.js"></script>
<script src="./lib/iscroll/iscroll.js"></script>
<script src="./lib/mui/js/mui.js"></script>
<script src="./lib/arttemplate/template-web.js"></script>

<script src="./js/getproductlist.js"></script>